<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="/static/css/login.css"/>
    <link rel="stylesheet" type="text/css" href="/static/css/font-awesome.css"/>
    <link rel="stylesheet" type="text/css" href="/static/css/font-awesome.min.css"/>
    <style>

    </style>
</head>
<body>


<div class="layui-card">
    <div class="layui-card-header">信息列表</div>
    <div class="layui-card-body">
    <form class="layui-form" action="/data/search" method="get">
        <div class="layui-inline">
            <div class="layui-input-inline">
                <input type="search" name="keyword" placeholder="记录者" class="layui-input">
            </div>
            <div class="layui-input-inline">
                <button class="layui-btn" lay-submit lay-filter="searchForm">搜索</button>
            </div>
        </div>
    </form>
    <div class="layui-form">
        <table class="layui-table">
                    <tr>
                        <th width="50">ID</th>
                        <th width="150">备注</th>
                        <th width="70">记录者</th>
                        <th width="530">信息内容</th>
                        <th>操作</th>
                    </tr>
                    {% for data in data_list %}
                    <tr>
                        <td>{{ data.id }}</td>
                        <td>{{ data.beizhu }}</td>
                        <td>{{ data.name }}</td>
                        <td>{{ data.content }}</td>
                        <td>
                            <button type="button" class="layui-btn layui-btn-sm"><a href="/data/edit?option=detail&id={{ data.id }}">详情</a></button>
                            <button type="button" class="layui-btn layui-btn-sm layui-btn-warm"><a href="/data/edit?option=update&id={{ data.id }}">编辑</a></button>
                            <button type="button" class="layui-btn layui-btn-sm layui-btn-danger"><a href="/data/remove?id={{ data.id }}">删除</a></button>
                        </td>
                    </tr>
                    {% endfor %}
                </table>
    </div>

    </div>
</div>

    <link rel="stylesheet" href="/static/layui/css/layui.css" type="text/css">
    <script src="/static/layui/layui.js" type="text/javascript"></script>
</body>
</html>